<template>
	<view>
		<button size="default" type="primary" plain disabled loading>按钮</button>
		<input type="text" value="" placeholder="请输入搜索内容" placeholder-style="color:orange" placeholder-class="iptClass"/>
		<input type="number" placeholder="请输入搜索内容" password disabled />
		<input type="tel" placeholder="请输入搜索内容" maxlength="10"/>
		<input type="text" placeholder="请输入搜索内容" confirm-type="search"/>
	</view>
	<view>
		<view>{{ Date.now() }}</view>
		<view>{{ Math.random() }}</view>
		<view>{{ 1<2 ? '张三' : '李四'}}</view>
		<view>{{ fn() }}</view>
		<view>{{num1}}</view>
		<view>{{num2}}</view>
		<view>{{test}}</view>
		<view>{{arr[2]}}</view>
		<view>{{obj}}</view>
	</view>
</template>

<script setup>
function fn() {
	return "vue3学习"
}	
	
import {ref} from "vue";
	
let num1 = 6;
// setInterval(()=>{
// 	num1++;
// 	console.log(num1);
// },1000)

let num2 = ref(10);
setInterval(()=>{
	num2.value++;
	console.log(num2.value);
},1000)

let test = ref("咸虾米");

let arr =ref([1,2,3,4]);

let obj = ref({name:"王五",age:18})
obj.value.name = "李四"


</script>

<style>

</style>
